
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Pet Social</title>
         <link rel="stylesheet" type="text/css" href="css/geral.css">
               <link rel="stylesheet" type="text/css" href="css/alterarSenha.css">
               
               <script type="text/javascript">
            function  tamanhoSenha1(){
                var senha= document.getElementById('inputSenha1').value;
                
                
                    if(senha.length <8){
                        
                        alert('A senha deve conter no mínimo oito caracteres');
                    }
                
            }
            
            function  tamanhoSenha2(){
                var senha= document.getElementById('inputSenha2').value;
                
                
                    if(senha.length <8){
                        
                        alert('A senha deve conter no mínimo oito caracteres');
                    }
                
            }
            function  tamanhoSenha3(){
                var senha= document.getElementById('inputSenha3').value;
                
                
                    if(senha.length <8){
                        
                        alert('A senha deve conter no mínimo oito caracteres');
                    }
                
            }
            </script>
    </head>
     <body >
   <img id="esquerda" src="img/azul1.jpg"/>
   <img id="direita" src="img/azul1.jpg"/>
        
	  <div id="barraMenu">
              <label id="pet">pet</label> <label id="social">Social</label>
              <div id="identidade"><label class="fonteLogin">ALTERAR SENHA:</label><a href="perfil.jsp" id="sair"> Voltar</a> </div>
          </div> 
	    <!-- div que limita o tamanho do corpo do documento em 1024 X 768-->
	   <div id="corpo">
	    
		
		     <div id="cadastro">
			   
			   <table  id="tabela" border="0"  >
                               
                              
                               <form action="Password.jsp" method="post">
                                   <tr><td class="tds" ><label class="fonteCadastro">Senha Atual:</label></td><td class="tds" colspan="2" ><input type="text"  class="text" id="inputSenha1" name="TXTATUAL" maxlength="8" onblur="tamanhoSenha1()" /></td></tr> 
                              
                               <tr><td class="tds" ><label class="fonteCadastro"> Nova senha:</label></td><td class="tds" colspan="2" ><input type="text"  class="text" id="inputSenha2" name="TXTSENHA" maxlength="8"  onblur="tamanhoSenha2()" /></td></tr>
                           
                           <tr><td class="tds" ><label class="fonteCadastro" >Confirmar:</label></td><td class="tds" colspan="2" ><input type="text"  class="text" id="inputSenha3" name="TXTCONFIRMA" maxlength="8" onblur="tamanhoSenha3()" /></td> 
                          
                                                        
                           
                          
                         
                           <tr><td id="tabelaTituloCadastro" colspan="3"><input type="submit" id="sub"  value="Alterar Senha"</td> </tr>
                           
			    </form>
			   
                           </table>
		     
			 
			 
	   		 
	   </div>
	   
   </body>
</html>

